<!DOCTYPE html>
<html class="x-admin-sm" xmlns="http://www.w3.org/1999/html">
    
    <head>
        <meta charset="UTF-8">
        <title>欢迎页面-X-admin2.2</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
        <link rel="stylesheet" href="/X-admin/css/font.css">
        <link rel="stylesheet" href="/X-admin/css/xadmin.css">
        <script src="../../js/jquery-3.5.0.js"></script>
        <script src="/X-admin/lib/layui/layui.js" charset="utf-8"></script>
        <script type="text/javascript" src="/X-admin/js/xadmin.js"></script>
        <script src="../../js/user/member-add.js"></script>


    </head>
    <div class="layui-fluid">
        <div class="layui-row">
            <form class="layui-form">
                <div class="layui-form-item">
                    <label for="username" class="layui-form-label">
                        <span class="x-red">*</span>登录名
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" id="username" name="username" required="" lay-verify="required"
                               autocomplete="off" class="layui-input">
                    </div>
                    <div class="layui-form-mid layui-word-aux">
                        <span class="x-red">*</span>将会成为您唯一的登入名
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="phone" class="layui-form-label">
                        <span class="x-red">*</span>手机
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" id="phone" name="phone" value="13987654533" required="" lay-verify="phone"
                               autocomplete="off" class="layui-input">
                    </div>
                    <div class="layui-form-mid layui-word-aux">
                        <span class="x-red">*</span>将会成为您唯一的登入名
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="L_email" class="layui-form-label">
                        <span class="x-red">*</span>邮箱
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" id="L_email"  value="2222@qq.com" name="email" required="" lay-verify="email"
                               autocomplete="off" class="layui-input">
                    </div>
                    <div class="layui-form-mid layui-word-aux">
                        <span class="x-red">*</span>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label"><span class="x-red">*</span>爱好</label>
                    <div class="layui-input-block">
                        <input type="checkbox" name="hobby" lay-skin="primary" title="java" >
                        <input type="checkbox" name="hobby" lay-skin="primary" title="c">
                        <input type="checkbox" name="hobby" lay-skin="primary" title="c++" checked>
                        <input type="checkbox" name="hobby" lay-skin="primary" title="c#">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="L_pass" class="layui-form-label">
                        <span class="x-red">*</span>密码
                    </label>
                    <div class="layui-input-inline">
                        <input type="password" id="L_pass" name="pass" required="" lay-verify="pass"
                               autocomplete="off" class="layui-input">
                    </div>
                    <div class="layui-form-mid layui-word-aux">
                        6到16个字符
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="L_repass" class="layui-form-label">
                        <span class="x-red">*</span>确认密码
                    </label>
                    <div class="layui-input-inline">
                        <input type="password" id="L_repass" name="repass" required="" lay-verify="repass"
                               autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">
                        <span class="x-red">*</span>状态
                    </label>
                    <div class="layui-input-inline">
                        <input type="radio" name="enable" value="1" title="启用" checked="">
                        <input type="radio" name="enable" value="0" title="停用">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">
                        <span class="x-red">*</span>性别
                    </label>
                    <div class="layui-input-inline">
                        <select name="sex">
                            <option value="">请选择性别</option>
                            <option value="男" selected>男</option>
                            <option value="女">女</option>
                            <option value="保密">保密</option>
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">
                        <span class="x-red">*</span>生日
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" name="birthday" id="birthday" lay-verify="birthday" value="2022-11-11" placeholder="yyyy-MM-dd"
                               autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">
                        <span class="x-red">*</span>自我介绍
                    </label>
                    <div class="layui-input-inline">
                        <textarea placeholder="请自我介绍一下"  name="remark" class="layui-textarea">fasdfasfa</textarea>
                    </div>
                </div>

                <div class="layui-form-item">
                    <label for="L_repass" class="layui-form-label">
                    </label>
                    <button class="layui-btn" lay-filter="add" lay-submit="">
                        增加
                    </button>
                </div>
            </form>
        </div>
    </div>

<!--        <script>layui.use(['form', 'layer','jquery'],-->
<!--        function() {-->
<!--            $ = layui.jquery;-->
<!--            var form = layui.form,-->
<!--                layer = layui.layer;-->

<!--            //自定义验证规则-->
<!--            form.verify({-->
<!--                nikename: function(value) {-->
<!--                    if (value.length < 5) {-->
<!--                        return '昵称至少得5个字符啊';-->
<!--                    }-->
<!--                },-->
<!--                pass: [/(.+){6,12}$/, '密码必须6到12位'],-->
<!--                repass: function(value) {-->
<!--                    if ($('#L_pass').val() != $('#L_repass').val()) {-->
<!--                        return '两次密码不一致';-->
<!--                    }-->
<!--                }-->
<!--            });-->

<!--            //监听提交-->
<!--            form.on('submit(add)',-->
<!--                function(data) {-->
<!--                    console.log(data);-->
<!--                    //发异步，把数据提交给php-->
<!--                    layer.alert("增加成功", {-->
<!--                            icon: 6-->
<!--                        },-->
<!--                        function() {-->
<!--                            //关闭当前frame-->
<!--                            xadmin.close();-->

<!--                            // 可以对父窗口进行刷新-->
<!--                            xadmin.father_reload();-->
<!--                        });-->
<!--                    return false;-->
<!--                });-->

<!--        });</script>-->
<!--    <script>var _hmt = _hmt || []; (function() {-->
<!--        var hm = document.createElement("script");-->
<!--        hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";-->
<!--        var s = document.getElementsByTagName("script")[0];-->
<!--        s.parentNode.insertBefore(hm, s);-->
<!--    })();</script>-->
<!--    </body>-->
<!--<script>-->
<!--    layui.use(['laydate', 'form', 'layer'],-->
<!--        function () {-->
<!--            $ = layui.jquery;-->
<!--            var form = layui.form,-->
<!--                layer = layui.layer;-->
<!--            var laydate = layui.laydate;-->




<!--            //执行一个laydate实例-->
<!--            laydate.render({-->
<!--                elem: '#birthday' //指定元素-->
<!--                , trigger: 'click'-->
<!--            });-->
<!--            //自定义验证规则-->
<!--            form.verify({-->
<!--                phone: [/1[389]\d{9}/, '电话号码必须为1开头第二个数必须为389中的一个'],-->
<!--                pass: [/(.+){6,12}$/, '密码必须6到12位'],-->
<!--                repass: function (value) {-->
<!--                    if ($('#L_pass').val() != $('#L_repass').val()) {-->
<!--                        return '两次密码不一致';-->
<!--                    }-->
<!--                }-->
<!--            });-->

<!--            //监听提交-->
<!--            form.on('submit(add)',-->
<!--                function (data) {-->
<!--                    data = data.field;-->

<!--                    //发异步，把数据提交给php-->
<!--                    //需要对hobby重新赋值-->
<!--                    let hobby = [];-->
<!--                    //需要去监听复选框，如果有被选中，则将当前的title里面的值拿到推入到数组里面-->

<!--                    // $("input[type=checkbox][name=hobby]:checked")")拿到当前爱好所有选中的对象-->
<!--                    //对当前的对象进行遍历 each-->
<!--                    //没有名字的方法叫做匿名方法  匿名函数  匿名类-->
<!--                    $("input[type=checkbox][name=hobby]:checked").each(function () {-->
<!--                        // if ($(this).is(":checked")) {-->
<!--                        //     result.push($(this).attr("title"));-->
<!--                        // }-->
<!--                        //jquery得到对象的属性值，用attr，如果对属性进行赋值也用attr('属性',‘值’)-->
<!--                        hobby.push($(this).attr("title"));-->
<!--                    });-->
<!--                    //怎么对数组转换为字符串？-->
<!--                    // console.log(hobby, 'hobby');-->
<!--                    //后台正常情况下是拿不到前端传递过去的数组信息，所以需要转换为字符串-->
<!--                    data.hobby = hobby.toLocaleString();-->
<!--                    console.log(data, 'data');-->
<!--                    $.ajax({-->
<!--                        url: '/back/user/add',//对于servlet里面的注解地址-->
<!--                        data: data,//传递给后台的数据-->
<!--                        type: 'post',//对于方法-->
<!--                        dataType: 'json',//默认全是json-->
<!--                        success: function (res) {//res后台传递到前端的数据-->
<!--                            if (res.count > 0) {-->
<!--                                layer.alert("增加成功", {-->
<!--                                        icon: 6-->
<!--                                    },-->
<!--                                    function () {-->
<!--                                        //关闭当前frame-->
<!--                                        xadmin.close();-->

<!--                                        // 可以对父窗口进行刷新-->
<!--                                        xadmin.father_reload();-->
<!--                                    });-->
<!--                            } else {-->
<!--                                layer.alert("增加失败");-->
<!--                            }-->
<!--                        }-->
<!--                    });-->

<!--                    return false;-->
<!--                });-->

<!--        });-->
<!--</script>-->
</body>
</html>